/* 
* @Author: Marte
* @Date:   2016-11-11 10:01:24
* @Last Modified by:   Marte
* @Last Modified time: 2017-01-06 15:21:41
*/
*{margin:0; padding:0; list-style:none; font-weight:normal; text-decoration:none;}
html {font-size:-moz-calc(100vw/3.75); font-size:-webkit-calc(100vw/3.75); font-size:calc(100vw/3.75);}
table{border-collapse:collapse;border-spacing:0;}
body, article, section.bottom_wrapper{width:100%;}
body{background:#fff; font-family:"Hiragino Sans GB", "STHeiti", Helvetica, "Microsoft Yahei", 微软雅黑, Arial, "Lucida Grande", sans-serif; position:relative;}
.clearfix:before, .clearfix:after {content:''; display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;/*ie6,7*/}

@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
 html,body {
     font-size:288px;
 }
}
 @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
 html,body {
     font-size:256px;
 }
}
 @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
 html,body {
     font-size:213.33333333333334px;
 }
}
 @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
 html,body {
     font-size:192px;
 }
}
 @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
 html,body {
     font-size:170.66666666666669px;
 }
}
 @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
 html,body {
     font-size:160px;
 }
}
 @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
 html,body {
     font-size:144px;
 }
}
 @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
 html,body {
     font-size:128px;
 }
}
 @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
 html,body {
     font-size:110.4px;
 }
}
 @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
 html,body {
     font-size:106.66666666666667px;
 }
}
 @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
 html,body {
     font-size:100px;
 }
}
 @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
 html,body {
     font-size:96px;
 }
}
 @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
 html,body {
     font-size:85.33333333333334px;
 }
}
 @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
 html,body {
     font-size:64px;
 }
}
*, body{font-size:.16rem;}
/* 正文 */
article{padding:.15rem; box-sizing:border-box;}
/* 标题 */
h4{font-size:.18rem; color:#35343c; line-height:.32rem; padding:.09rem 0; margin-bottom:.15rem; text-align:justify;}
h4 span{font-size:.15rem; color:#8a9099; }
span.right{float:right;}
/* 文章信息 */
.article_ifo{margin-bottom:.25rem;}
.article_ifo span{color:#8a9099; font-size:.14rem; letter-spacing:1px;}

/* banner */
div.banner{margin-bottom:.25rem;}
/* 图片 */
div.image{height:1.84rem; margin-bottom:.2rem;border:1px solid #dfdfe3; border-radius:.03rem; overflow:hidden;}
div.image img{width:100%; height:100%; display:inline-block;}
p img{width:100%; height:auto;}
/* 正文小标题 */
h5{color:#2989f6; font-size:.18rem; line-height:.42rem;}
/* 正文文字段落 */
p{color:#706f75; font-size:.15rem; line-height:.28rem; margin-bottom:.15rem; text-align:justify;}

/* 基因检测项目文字 */
.item_list li{margin-bottom:.25rem;}
.item_list tr{font-size:.15rem;  vertical-align:top;}
.item_list th{color:#35343c; width:.86rem; line-height:.24rem; padding:.02rem 0;}
.item_list td{color:#706f75; line-height:.24rem; padding:.02rem 0;}
.item_list td.f_blue{color:#3f8cff;}

/* 药物详情 */
.medical_list{margin-bottom:.25rem;}
.medical_list li{color:#706f75; line-height:.28rem;}
.medical_list li span{color:#35343c;}
.medical_ifo{width:100%;}
.medical_ifo tr{color:#706f75; text-align:left; line-height:.28rem;}
.medical_ifo th{width:65%;}
.medical_ifo td{width:35%;}


.bottom_room{height:.46rem;}

/* 底部在线咨询 */
section.bottom_wrapper{position:fixed; bottom:0; left:0; height:.52rem; border-top:1px solid #d0d3d8; box-sizing:border-box; padding:.07rem .15rem; background:#fff;}
section.bottom_wrapper a{display:block; width:100%; height:.38rem; border-radius:.05rem; background:#32a1f1; color:#fff; text-align:center; line-height:.38rem; font-size:.17rem;}

/* 底部药店地址 */
section.drug_address{margin-top:.3rem; border:1px solid #3f8cff; border-radius:.03rem; overflow:hidden; margin-bottom:.3rem;}
h5.drug_title{height:.36rem; line-height:.36rem; color:#f4f5f9; text-align:center; background:#3f8cff; font-size:.18rem;}
h5.drug_title span{display:inline-block; height:.36rem; line-height:.36rem; background:url(shop.png) no-repeat left center; background-size:auto .18rem; padding-left:.25rem;}
.drug_address .drugshop_list{padding:0 .15rem;}
.drug_address .drugshop_list li{padding:.23rem 0 .25rem; border-bottom:1px dotted #90bcff;}
.drug_address .drugshop_list li:last-child{border-bottom:0;}
.drug_address .drugshop_img{width:.75rem; height:.75rem; float:left; overflow:hidden;}
.drug_address .drugshop_img img{min-width:100%; height:100%;}
.drug_address .drugshop_txt{margin-left:.88rem; min-height:.75rem;}
.drug_address .drugshop_txt h6{line-height:.33rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#35343c; font-size:.16rem;}
.drug_address .drugshop_txt p{line-height:.2rem; margin-bottom:0; font-size:.13rem; color:#666;}

/* 药店地址详情 */
.map_top{position:absolute; top:0; left:0; background:#fff;}
.drugshop_inf h6{font-size:.16rem; color:#35343c; line-height:.3rem;}
.drugshop_inf p{font-size:.14rem; color:#8a9099; padding:.04rem 0; line-height:.2rem; margin:0;}